<%@page import="com.lynn.salary.util.ToolMethod"%>
<%@page import="com.opensymphony.xwork2.util.ValueStack"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<!-- saved from url=(0073)http://blog.jqueryui.com/2013/04/1000000-custom-downloads-in-four-months/ -->
<html lang="en-US"><!--<![endif]-->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>启尚投资</title>

	<link rel="stylesheet" href="<%=basePath %>product/css/base.css">
	<link rel="stylesheet" href="<%=basePath %>product/css/index.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath %>product/css/fenye.css" media="screen"/>
	<link rel="stylesheet" href="<%=basePath %>product/js/downup/styles.css" />

	<script src="<%=basePath %>product/js/jquery-1.7.min.js"></script>
	<script src="<%=basePath %>product/js/index.js"></script> 
	<script src="<%=basePath %>product/js/jquery.paginate.js"></script> 
	<script src="<%=basePath %>product/js/downup/index.js"></script>
	<script>
		$(document).ready(function(){
			$("#Pagination").paginate({
				count 		: <s:property value="articlelength"/>,
				start 		: 1,
				display     : 7,
				border					: true,
				border_color			: '#fff',
				text_color  			: 'rgb(0,0,205)',
				background_color    	: '#fff',	
				border_hover_color		: '#ccc',
				text_hover_color  		: 'rgb(0,0,205)',
				background_hover_color	: '#fff', 
				images					: false,
				mouse					: 'press',
				onChange     			: function(page){
											var value = $("[name='partArticleList']");
											
											value.empty();
											$.ajax({
												url:"<%=basePath %>index!getPerpageArticleByType.do?currentPage=" + page+"&articleTypeId=<s:property value="articleTypeId"/>"
											}).done(function(data){
												value.html(data);
											});
											
										  }
			});
	    });
	</script>
</head>
<body>
<div class="header">
		<div class="headerContent">
			<div class="headerLogo">
				<a class="logo" href="#"><img style="border: none;" src="<%=basePath %>product/images/logo.jpg"></a>
			</div>
			<div class="headerTitle">
				<ul class="nav">
					<li><a style="color:rgb(255,102,0)" href="<%=basePath %>" target="_blank">最新资讯</a></li>
					<li><a href="<%=basePath %>product/tieba.jsp" target="_blank">信息交流区</a></li>
					<li><a href="<%=basePath %>building.jsp" target="_blank">个股精研</a></li>
					<li><a href="<%=basePath %>frontEndLogin!frontEndLogin.do?<%=ToolMethod.getCharAndNumr(8) %>">会员登录</a></li>
				</ul>
			</div>
		</div>
</div>

<div class="circle_for_nav">
	<a href="<%=basePath %>">最新资讯</a>&nbsp;&gt;
	<s:if test="articleTypeId != ''">
		<a href="<%=basePath %>index!showAllArticleByType.do?articleTypeId=<s:property value="articleTypeId"/>">
			<s:property value="articleTypeName"/>
		</a>
	</s:if><s:else>
		<s:property value="articleTypeName"/>
	</s:else>
	
	<div style="display: inline;float: right;">
		<input type="text" size="50"/>
		<input type="submit" value="搜索" />
	</div>
</div>
<div id="container">
	<div id="content-wrapper" class="clearfix row">
		<div id="Pagination" class="pagination" style="font-size: 80%;margin-bottom: 1px;margin-top: 10px;"></div>
		<div class="">
			<div id="content">
				<div style="width:100%" >
					<div class="toggler" style="min-height: 600px;">
					  <div id="all_article_effect" class="">
					    <ul name="partArticleList" class="newsList">
					    	<s:iterator value="allArticleListMap" id="allArticleListMap">
								<li>
										<div>
											<div class="ariticleTitle"><a href="<%=basePath %>detail!showDetail.do?articleId=<s:property value="#allArticleListMap.id"/>&articleTypeId=<s:property value="articleTypeId"/>" target="_blank">
												<s:property value="#allArticleListMap.title"/>
											</a></div>
											<div class="articleTime"><s:date name="#allArticleListMap.createTime" format="yyyy-MM-dd HH:mm"/></div>
										</div>
								</li>
							</s:iterator>
					    </ul>
					  </div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="footer">
	<div class="footerText">
			<a href="#"> 关于我们</a> | <a href="#">联系我们</a><br>		
			© Copyright
	</div>
</div>
<div id="x_downup_troggle" url="<%=basePath%>frontEndLogin!loginStatus.do">
   		
</div>
<div id="x_downup_content" url="<%=basePath%>frontEndLogin!showInfo.do">
   		
</div>

</body>
</html>
